<template>
  <div class="top-div-search">
    <router-link to="/list">
      <div class="tv-keyword">
        <img class="type-search-img" src="static/img/icon_search.png" alt="搜索">
        <span class="type-search-span">搜索</span>
      </div>
    </router-link>
  </div>
</template>

<script>
export default {
  name: 'TypeSearch'
}
</script>

<style lang="stylus" scoped>
  .top-div-search
    position: fixed
    z-index: 100
    width: 100%
    box-sizing: border-box
    padding: .14rem .2rem .14rem .2rem
    height: 1.04rem
    background-color: #f8f8f8
    .tv-keyword
      box-sizing: border-box
      border-radius: .06rem
      height: .76rem
      position: relative
      z-index: 2
      width: 100%;
      background: #fff
      text-align: center
      padding: .7em
      font-size: .22rem
      line-height: .40rem
      color: #555
      vertical-align: middle
      border: 1px solid #ccc
      .type-search-img
        width: .28rem;
        vertical-align: middle
      .type-search-span
        color: #A1A1A1
        font-size: .28rem
        text-align: center
        position: relative
        top: .03rem
</style>
